.payslip {
    padding: 20px;
    background-color: #fff;

    .payslip-one {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #d0d0d0;

        .payslip-title-left {
            height: 26px;
            width: 8px;
            background-color: rgb(37, 97, 239);
            border-radius: 5px;
            margin-right: 18px;
        }

        .payslip-title {
            height: 60px;
            line-height: 60px;
            font-weight: normal;
            font-size: 24px;
        }
    }
    .payslip-two{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .payslip-two-box {
            width: 24%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 20px 0;
    
            .ant-picker {
                height: 40px;
            }
            .yuding{
                color: #fff;
            }
            span {
                font-size: 18px;
                margin-right: 4px;
                color: #444;
            }
            .ant-select {
                height: 40px;
    
                .ant-select-selector {
                    height: 40px;
                }
    
                .ant-select-arrow {
                    margin-right: 0px
                }
            }
    
            .ant-input-group-wrapper {
                margin-left: -4px;
    
                .ant-input {
                    height: 40px;
                }
    
                .ant-btn {
                    height: 40px;
                    color: #fff;
                    .anticon {
                        margin-left: 4px;
                    }
                }
            }
        }
    }
    .payslip-three {
        margin-top: 10px;
    }
}